<div class="logobar">
    <div>
        <img src="./images/logo.png">
    </div>
</div>
<div class="content" style="width:1000px">
    <div class="clearfix" style="width: 1000px;position: relative;margin-top: 30px;margin-bottom: 20px;">
        <div style="width:100%;background: #ddd;height:6px;position: absolute;top:50px;left:0;"></div>
        <div style="width:1000px;background: #f70;height:6px;position: absolute;top:50px;left:0;"></div>
        <ul style="position: relative;z-index: 1">
            <li style="width:250px;float: left">
                <div class="font16" style="text-align: center;color:#f70;">提交订单</div>
                <div style="margin-top: 18px;text-align: center;">
                    <span style="color: #fff;background: #f70;display: inline-block;width: 26px;height:26px;border-radius: 50%;line-height: 26px;">1</span>
                </div>
            </li>
            <li style="width:250px;float: left">
                <div class="font16" style="text-align: center;color:#f70;">付款到淘家政</div>
                <div style="margin-top: 18px;text-align: center;">
                    <span style="color: #fff;background: #f70;display: inline-block;width: 26px;height:26px;border-radius: 50%;line-height: 26px;">2</span>
                </div>
            </li>
            <li style="width:250px;float: left">
                <div class="font16" style="text-align: center;color:#f70;">完成订单</div>
                <div style="margin-top: 18px;text-align: center;">
                    <span style="color: #fff;background: #f70;display: inline-block;width: 26px;height:26px;border-radius: 50%;line-height: 26px;">3</span>
                </div>
            </li>
            <li style="width:250px;float: left">
                <div class="font16" style="text-align: center;color:#f70;">评价</div>
                <div style="margin-top: 18px;text-align: center;">
                    <span style="color: #fff;background: #f70;display: inline-block;width: 26px;height:26px;border-radius: 50%;line-height: 26px;">4</span>
                </div>
            </li>
        </ul>
    </div>
    <div style="text-align: center;">
        <p class="font16" style="font-weight: 700;margin-bottom: 5px;">评价订单</p>
        <p><span class="font-gray">订单号：</span>{{orderId}} <span class="font-gray" style="margin-left: 10px">创建时间：</span>{{date}}</p><br>
    </div>
    <div class="panel panel-default" style="position: relative;padding: 40px">
        <span class="font-gray1 font12" style="position: absolute;top: 15px;right: 20px;"><i class="fa fa-lightbulb-o font16 font-orange"></i> 认真写评价最多可获得淘家政达人成长值20点！</span>
        <p style="font-size: 20px;font-family: 'Microsoft Yahei';margin-left: 100px;">其他买家，需要您的建议哦！</p><br>
        <div style="margin-left: 100px;">
            <p>
                <span class="font-gray">服务打分</span>
                <span style="margin-left: 60px;display: inline-block;font-size: 24px;" ng-init="score = 0">
                    <a class="fa font-orange" ng-class="{'fa-star':score >= 1,'fa-star-o':score < 1}" ng-click="score = 1"></a>
                    <a class="fa font-orange" ng-class="{'fa-star':score >= 2,'fa-star-o':score < 2}" ng-click="score = 2"></a>
                    <a class="fa font-orange" ng-class="{'fa-star':score >= 3,'fa-star-o':score < 3}" ng-click="score = 3"></a>
                    <a class="fa font-orange" ng-class="{'fa-star':score >= 4,'fa-star-o':score < 4}" ng-click="score = 4"></a>
                    <a class="fa font-orange" ng-class="{'fa-star':score >= 5,'fa-star-o':score < 5}" ng-click="score = 5"></a>
                    <span class="font-red" style="margin-left: 40px;" ng-show="score > 0">{{score}}分</span>
                </span>
            </p><br>
            <p style="position: relative;">
                <span class="font-gray fl">评价内容</span>
                <textarea style="border: 1px solid #ccc;width: 570px;height: 110px;resize: none;margin-left: 60px;padding: 10px;" maxlength="200" ng-model="evaluates"></textarea>
                <span class="font-gray font12" style="position: absolute;bottom: 10px;right: 140px;">还可输入{{200-evaluates.length}}字</span>
            </p>
        </div>
        <div style="text-align: center;margin-top: 50px;">
            <button class="button button-caution button-glow button-large" ng-click="save()">&nbsp;&nbsp;提 &nbsp;交&nbsp;&nbsp;</button>
            <div class="main-checkbox" style="float: none;display: inline-block;top: 3px;margin-left: 30px;">
                <input type="checkbox" value="None" id="checkbox1" name="check" checked>
                <label for="checkbox1"></label>
            </div>
            <span>匿名评价</span>
        </div>
    </div>
</div>